<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>{{datas.appName}}</h1>
  <a href="/add">添加新任务</a>
  <hr/>
  <!-- 
    提交表单，访问posttask路由，怎么传递参数，
    通过url中的querystring传递地址以外的数据，
    通过表单发送get请求时，method为get时，会把表单中的数据
    通过表单name=表单值的形式添加到action地址？的后边
    但是：url的长度是有限制的，所以querystring的长度也有限制，
    数据量比较大的内容不推荐使用querystring的方式进行传输，
    这个问题是因为url的问题，querystring是url的一部分，
    不是get的问题。get请求会缓存url，所以get请求的时候，url会被缓存。
    如果是post提交数据，url后携带参数/posttask ？title=123，依然可以传递querystring，
    所以querystring和请求方式无关
   -->
  <form action="/posttask" method="POST">
    <input type="text" name='title'>
    <button>添加</button>
  </form>
</body>
</html>